<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>巡检统计</title>
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="css/comm.css" />
    <link rel="stylesheet" type="text/css" href="css/analysis_historyfeesummary.css" />
    <link rel="stylesheet" type="text/css" href="css/customerservicelist.css" />
    <link rel="stylesheet" type="text/css" href="../script/mui/mui.picker.min.css" />
    <link rel="stylesheet" type="text/css" href="../script/mui/mui.reset.css" />
    <link rel="stylesheet" type="text/css" href="css/analysis_equipment_frm.css" />
    <style>
      .chart-plan-title{
          width: 49%;
      }
    </style>
</head>

<body>
    <div id="app" v-cloak>
        <div v-on:click="doHideSearch()" v-if="showsearch" class="maskbg">
        </div>
        <div v-if="showsearchparam" class="searchparam nomenu" style="height: 70%;">
            <div class="searchcontent" style="height: 100%;">
                <div class="searchparamtitle" v-if="form.ProjectCompanyType==1">
                    项目名称
                </div>
                <div class="searchparamitem" v-if="form.ProjectCompanyType==1">
                    <label v-on:click="doSelectProject(item.ID,item.Name)" v-bind:class="{'active':form.ProjectIDs.indexOf(item.ID)>-1}" v-for="item in projectList">{{item.Name}}</label>
                </div>
            </div>
        </div>
        <div class="search_box fixedbox bgshadow" v-bind:class="{'fixedbox':showsearch}">
            <!-- <div class="searchitem" v-bind:class="{'chkedbox':showsearchparam}" v-on:click="doSelectSearchParam(1)">
                筛选
                <i v-if="!showsearchparam" class="icon iconfont icon-down"></i>
                <i v-if="showsearchparam" class="icon iconfont icon-shangjiantou" style="color:#fff;"></i>
            </div> -->
            <div id="datemonth" data-options='{"type":"month"}' class="searchitem" v-bind:class="{'chkedbox':showsearchmonth}" v-on:click="doSelectSearchParam(2)">
                {{form.activeDateDesc}}
                <i v-if="!showsearchmonth" class="icon iconfont icon-down"></i>
                <i v-if="showsearchmonth" class="icon iconfont icon-shangjiantou" style="color:#fff;"></i>
            </div>
        </div>
        <div class="aui-content" style="margin-top: 2.3rem;">
            <div class="newcontentbox">
                <label class="bababa"> {{form.startMonth}} 统计 </label>
            </div>
            <div  class="boxarea mainbox">
                <!-- v-if="ReportType==0&&XJlist.length>0" -->
                <div v-if="ReportType==0" class="app_list_txt">
                    <label class="xjIcon"><i class="icon iconfont icon-xunhu" ></i></label>
                    <span class="bl0">巡检</span>
                </div>
                <div class="app_list_chart">
                    <div class="chartcontainer chart_content" v-for='(item,index) in checkModel'>
                        <div  class="chart-plan-title fl">计划任务数：{{item.TaskCount}}</div>
                        <div  class="chart-plan-title fr">完成任务数：{{item.CompleteCount}}</div>
                        <div v-if="ReportType==0" ><label class="tag-label-blue">设备数：{{item.DeviceClont}}</label></div>
                        <div :id="'containerxj'+index" style="min-height: 120px;margin-top: 20px;"></div>
                        <!-- <div style="min-height: 120px;margin-top: 30px;"></div> -->
                        <div class="mb10">{{item.name}}</div>
                    </div>
                   
                </div>
                <!-- v-if="ReportType==0&&WBlist.length>0" -->
                <!--  -->
                <div v-if="ReportType==0" class="app_list_txt">
                    <label class="xjIcon xjIcon-org"><i class="icon iconfont icon-weibiaoti7" ></i></label>
                    <span class="bl0">维保</span>
                </div>
                <div v-if="ReportType==0" class="app_list_chart" >
                    <div class="chartcontainer chart_content" v-for="(itemwb,indexwb) in repairModel">
                        <div class="chart-plan-title fl">计划任务数：{{itemwb.TaskCount}}</div>
                        <div class="chart-plan-title fr">完成任务数：{{itemwb.CompleteCount}}</div>
                        <div ><label class="tag-label-blue">设备数：{{itemwb.DeviceClont}}</label></div>
                        <div :id="'containerwb'+indexwb" style="min-height: 120px;margin-top: 30px;"></div>
                        <div class="mb20">{{itemwb.name}}</div>
                    </div>
                </div>
               
            </div>    

        </div>

        <div v-if="ReportType==0&&checkModel.totalCount<=0&&repairModel.totalCount<=0" class="noinfo" id="noorder" >
            <img src="../image/index/noinfomsg_icon.png" alt="" />
            <h5><br />暂无数据</h5>
        </div>
        <!-- <div v-if="ReportType!=0&&XJlist.length<=0&&userList.length<=0" class="noinfo" id="noorder" >
            <img src="../image/index/noinfomsg_icon.png" alt="" />
            <h5><br />暂无数据</h5>
        </div> -->
    </div>
</body>
<script type="text/javascript " src="../script/api.js "></script>
<script type="text/javascript " src="../script/vue.js "></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript" src="../script/mui/mui.min.js"></script>
<script type="text/javascript" src="../script/mui/mui.picker.min.js"></script>
<script type="text/javascript" src="../script/mui/mui.poppicker.js"></script>
<script type="text/javascript " src="../script/moment/moment.js"></script>
<script type="text/javascript" src="../script/aui-toast.js"></script>
<script type="text/javascript" src="../script/page/dateRangeUtil.js"></script>
<script type="text/javascript" src="../script/highcharts/highcharts.js"></script>
<script type="text/javascript" src="../script/highcharts/modules/exporting.js"></script>
<script type="text/javascript" src="js/analysis_equipment_frm.js"></script>

</html>
